<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 样式重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共样式表 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 网页头部 -->
    <link rel="stylesheet" href="./css/header.css">
    <!--  当前页面样式-->
    <link rel="stylesheet" href="./css/04-1.news-list.css">
    <!-- 网页底部 -->
    <link rel="stylesheet" href="./css/footer.css">
</head>

<body>
   <!-- 头部 -->
   <header class="clearfix">
    <div class="container">
        <!-- 茶叶网logo -->
        <div class="list">
            <div class="fl logo"><img src="./images/logo.png"></div>
            <div class="fl teaWeb">
                <p class="Web1">茶叶协会官网</p>
                <p class="Web2">www.cha***ui.top</p>
            </div>
            <!-- 导航栏列表 -->
            <nav>
                <ul class="fl">
                    <li class="fl list1"><a href="./01-index.html">首页</a></li>
                    <li class="fl list1">
                        <a href="./02-1.aboutUs.html">关于我们</a>
                        <!-- 下拉框 -->
                        <ul class="submenu">
                            <li><a href="./02-1.aboutUs.html">公司简介</a></li>
                            <li><a href="./02-2.honor.html">荣誉资质</a></li>
                            <li><a href="./02-3.culture.html">企业文化</a></li>
                            <li><a href="./02-4.contactus.html">联系我们</a></li>
                        </ul>
                    </li>
                    <li class="fl list1">
                        <a href="./03-1.product-list.html">产品中心</a>
                        <!-- 下拉框 -->
                        <ul class="submenu">
                            <li><a href="">乌龙茶系列</a></li>
                            <li><a href="">花茶系列</a></li>
                            <li><a href="">普洱系列</a></li>
                            <li><a href="">茶食品系列</a></li>
                            <li><a href="">茶月饼系列</a></li>
                            <li><a href="">茶具系列</a></li>
                        </ul>
                    </li>
                    <li class="fl list1 open"><a href="./04-1.news-list.html">新闻动态</a>
                        <!-- 下拉框 -->
                        <ul class="submenu">
                            <li><a href="./04-1.news-list.html">公司新闻</a></li>
                            <li><a href="">行业动态</a></li>
                            <li><a href="">媒体报告</a></li>
                            <li><a href="">茶叶知识</a></li>
                        </ul>
                    </li>
                    <li class="fl list1"><a href="">品牌简介</a></li>
                    <li class="fl list1"><a href="./05-2.cooperation-introduction.html">合作交流</a>
                        <!-- 下拉框 -->
                        <ul class=" submenu">
                            <li><a href="./05-2.cooperation-introduction.html">合作介绍</a></li>
                            <li><a href="">意向提交</a></li>
                            <li><a href="./05-1.successful-case.html">成功案例</a></li>
                            <li><a href="./05-2.cooperation-introduction.html">信息发布</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>
    <!-- 第一个banner -->
    <div id="banner-one">
        <div class="banner1-title">
            <p>一杯牵起天下情，一茗惊人睿香园
            </p>
            <p>A CUP TO HOLD THE WORLD, A CUP OF TEA AMAZING RUIXIANG GARDEN</p>
        </div>
        <div class="banner-list">
            <ul class="clearfix container">
                <li class="fl"><a href="" class="list2">公司新闻</a></li>
                <li class="fl"><a href="">行业动态</a></li>
                <li class="fl"><a href="">媒体报告</a></li>
                <li class="fl"><a href="">茶叶知识</a></li>
            </ul>
        </div>
    </div>
    <!-- 公司新闻列表 -->
    <div id="news-list">
        <div class="container">
            <div class="list clearfix">
                <div class="time fl">
                    <span>14</span><br>
                    <span>2014-10</span>
                </div>
                <div class="text fl">
                    <p class="title"><a href="./04-2.news-details.html">某某铁观音喜获省名优茶银奖</a></p>
                    <p class="news">很多人的牙齿一吃刺激性的东西就酸酸的，这是怎么回事呢?专家介绍说，牙齿发酸属于一种牙本质过敏症状，原因有可能是牙釉质缺乏致使牙本质暴露
                    </p>
                </div>
            </div>
            <div class="list clearfix">
                <div class="time fl">
                    <span>14</span><br>
                    <span>2014-10</span>
                </div>
                <div class="text fl">
                    <p class="title">教你做美容茶,养颜美容抗衰老</p>
                    <p class="news">女性长期坐办公室，在空调环境下工作，皮肤感到非常干燥，影响容颜。这里介绍一些美容茶，在补水的同时调理气色、护理肌肤。</p>
                </div>
            </div>
            <div class="list clearfix">
                <div class="time fl">
                    <span>14</span><br>
                    <span>2014-10</span>
                </div>
                <div class="text fl">
                    <p class="title">菊花茶如何喝才养生</p>
                    <p class="news">许多人习惯工作学习之时，在案头沏一杯菊花茶。它能清火、明目，还能抗辐射。因此，菊花茶成了各式餐厅中常见的饮料。</p>
                </div>
            </div>
            <div class="list clearfix">
                <div class="time fl">
                    <span>14</span><br>
                    <span>2014-10</span>
                </div>
                <div class="text fl">
                    <p class="title">饮茶减肥较健康</p>
                    <p class="news">引言：通过喝减肥茶来排毒减重是很多女性喜爱的减肥方法。这类产品都主要包括茶叶(一般是绿茶、乌龙茶这两大茶系)和决明子、山楂、荷叶这些配料。
                    </p>
                </div>
            </div>
            <div class="list clearfix">
                <div class="time fl">
                    <span>14</span><br>
                    <span>2014-10</span>
                </div>
                <div class="text fl">
                    <p class="title">红茶可助养胃</p>
                    <p class="news">随着气温持续升高，夏季养生提上日程。夏季由于常吃冷食、喝冷饮，很容易伤脾胃。而红茶则是夏季养胃首选，不仅可以提神消疲、生津清热、降糖降脂，还能健胃整肠。</p>
                </div>
            </div>
            <div class="list clearfix">
                <div class="time fl">
                    <span>14</span><br>
                    <span>2014-10</span>
                </div>
                <div class="text fl">
                    <p class="title">茶叶妙用：安神通淋</p>
                    <p class="news">茶叶是人类的好朋友，人们天天要与茶打交道。古代药典认为：茶叶有收敛、止血、调和碱性药物中毒的作用，可以治疗吐血、腹泻和吗啡中毒等。</p>
                </div>
            </div>
            <div class="list clearfix">
                <div class="time fl">
                    <span>14</span><br>
                    <span>2014-10</span>
                </div>
                <div class="text fl">
                    <p class="title">简述茶叶8大养生功效</p>
                    <p class="news">（1）软化血管：茶水可使血管中血清胆固醇和纤维蛋白含量降低，从而降低血脂，软化血管。</p>
                </div>
            </div>
            <div class="list clearfix">
                <div class="time fl">
                    <span>14</span><br>
                    <span>2014-10</span>
                </div>
                <div class="text fl">
                    <p class="title">简述茶叶8大养生功效</p>
                    <p class="news">软化血管：茶水可使血管中血清胆固醇和纤维蛋白含量降低，从而降低血脂，软化血管。</p>
                </div>
            </div>
            <p class="under">共 8条记录&emsp;<span>1</span></p>
        </div>
    </div>
    <!-- 底部导航 -->
    <div id="nav-foot">
        <ul class="clearfix">
            <li class="fl"><a href="">网站首页</a></li>
            <li class="fl"><a href="">关于我们</a></li>
            <li class="fl"><a href="">产品中心</a></li>
            <li class="fl"><a href="">新闻动态</a></li>
            <li class="fl"><a href="">品牌简介</a></li>
            <li class="fl"><a href="">合作交流</a></li>
        </ul>
    </div>
    <!-- 页脚 -->
    <footer>
        <div class="clearfix list-text">
            <ul class="fl text-callUS">
                <li> 联系我们</li>
                <li class="way">地址:某某市友谊路258号（百灵·尚品一号B-2-8-2）</li>
                <li class="way"> 邮编:5**0000</li>
                <li class="way"> 电话:400-***-000</li>
                <li class="way">联系人:精品茶叶官方宣传网站</li>
            </ul>
            <ul class="fl about-list">
                <li>关于我们
                </li>
                <li><a href="">关于我们</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">企业文化</a></li>
                <li><a href="">荣誉资质</a></li>
            </ul>
            <ul class="fl about-list">
                <li>合作交流</li>
                <li><a href="">成功案例</a></li>
                <li><a href="">合作介绍</a></li>
                <li><a href="">信息发布</a></li>
                <li><a href="">意向提交</a></li>
            </ul>
            <ul class="fl about-list">
                <li> 产品中心</li>
                <li><a href="">乌龙茶系列</a></li>
                <li><a href="">花茶系列</a></li>
                <li><a href="">普洱系列</a></li>
                <li><a href="">茶食品系列</a></li>
            </ul>
            <!-- 二维码 -->
            <div class="fl erweima">
                <img src="./images/erweima.png" alt="">
                <p>微信公众号</p>
            </div>
        </div>
        <p class="foot-bottom">COPYRIGHT WWW.GZ**.ORG&emsp;版权所有:精品茶叶官方宣传网站&emsp;&emsp;ICP备案编号:黔ICP备140***33号-1
        </p>
    </footer>
</body>

</html>